<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单-测试用例</title>
</head>
<body>
    <!-- input的使用 -->
    <!-- 1  input的基本使用 -->
    文本框：<input type="text">
    <br><br>
    密码框：<input type="password"> 
    <br><br>
    单选框：<input type="radio">
    <br><br>
    多选框：<input type="checkbox">
    <br><br>
    <br><br>

    <!-- 2  input中的占位符 -->
    文本框：<input type="text" placeholder="输入相应文本">
    <br><br>
    <!-- 3 input中的单一框 checked表示默认-->
    单选框：<input type="radio" name="gender">男 
          <input type="radio" name="gender">女  <br><br>
    单选框：<input type="radio" name="gender">男 
            <input type="radio" name="gender" checked>女
    <br><br>
    <br><br>

    <!-- 4 input中文件的选择 多个文件上传-->
    <input type="file" multiple>

    <br><br>
    <br><br>

    <!-- 5 input中按钮-->
    <!-- submit按钮  reset按钮  button按钮  -->
    <!-- 在使用按钮时，要用上from标签，而from标签中action所对应的是提交的地址 -->
    <form action="">
        用户名：<input type="text">
        <br><br>
        密  码：<input type="password">
        <br><br>
        <!-- 提交按钮 -->
        <input type="submit">
        <!-- 重置按钮 -->
        <input type="reset">
        <!-- 普通按钮 -->
        <input type="button" value="普通按钮">

        <!-- value 便是按钮中的提示文字 -->
        <br><br><br>

        <!-- button双标签 -->
        <button type="submit">提交按钮</button>
        <!-- 重置按钮 -->
        <button type="reset">重置按钮</button>
        <!-- 普通按钮 -->
        <button type="button" value="普通按钮">普通按钮</button>
    </form>

    <!-- 下拉菜单 -->
    <select>
        <option >苹果</option>
        <option>香蕉</option>
        <option>梨子</option>
        <option selected>火龙果</option>
    </select>
    <br><br><br>

    <!-- 文本域标签 -->
    <textarea  cols="30" rows="10"></textarea>

    <br><br>
    <!-- label标签 -->
    <!-- 方法一 -->
    性别：
    <input type="radio" name="sex" id="nan"><label for="nan">男</label>
    <input type="radio" name="sex" id="nv"><label for="nv">女</label>

    <br>
    <!-- 方法二： -->
    性别：
    <label> <input type="radio" name="sex">男 </label>
    <label> <input type="radio" name="sex">女 </label>



</body>
</html>